<style>
	* {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		line-height: 1;
	}

	#playground {
		position: absolute;
		top: 100px;
		left: 100px;
		width: 500px;
	}

	#playground img {
		vertical-align: text-bottom;
	}

	body {
		padding-top:500px;
	}
</style>

<div id="playground" contenteditable="true"></div>

<div id="only-element-selection">
	[<img src="../../../_assets/logo.png" alt="img">]
</div>

<div id="last-element-selection">
	<img src="../../../_assets/logo.png" alt="img"><img src="../../../_assets/logo.png" alt="img">[<img src="../../../_assets/logo.png" alt="img">]
</div>

<div id="two-line-selection">
	<img src="../../../_assets/logo.png" alt="img"><img src="../../../_assets/logo.png" alt="img">[<img src="../../../_assets/logo.png" alt="img">
	<img src="../../../_assets/logo.png" alt="img">]<img src="../../../_assets/logo.png" alt="img"><img src="../../../_assets/logo.png" alt="img">
</div>


<div id="three-line-selection">
	<img src="../../../_assets/logo.png" alt="img"><img src="../../../_assets/logo.png" alt="img">[<img src="../../../_assets/logo.png" alt="img">
	<img src="../../../_assets/logo.png" alt="img"><img src="../../../_assets/logo.png" alt="img"><img src="../../../_assets/logo.png" alt="img">
	<img src="../../../_assets/logo.png" alt="img">]<img src="../../../_assets/logo.png" alt="img"><img src="../../../_assets/logo.png" alt="img">
</div>

